
.top{
    width: 100%;
    height: 150px;
}

.left{
    width: 50%;
    height: 500px;
    text-align: right;
    float: left;
}

.right{
    width: 50%;
    height: 500px;
    text-align: left;
    float: left;
}

form{
    border: 1px solid gray;
    width: 550px;
    height: 450px;
    border-radius: 10px; /*边框圆角*/
    box-shadow: darkgrey 10px 10px 30px 5px;/*边框内阴影*/
}

.formtop{
    width: 470px;
    height: 100px;
    text-align: center;
    margin: auto;
}

.formnav{
    height: 250px;
    text-align: center;
}

.formbottom{
    height: 100px;
    text-align: center;
}

/*输入框美化*/
input{
    border: 1px solid #ccc;
    padding: 7px 0px;
    border-radius: 3px;
    padding-left:5px;
}

/*登录按钮框美化*/
button{
    border: 0px;
    width: 100px;
    background: orangered;
    color: white;
    border-radius: 3px; /* 边框半径 */
    cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
    outline: none; /* 不显示轮廓线 */
    font-family: Microsoft YaHei; /* 设置字体 */
    font-size: 17px; /* 字体大小 */
}

.footer{
    width: 100%;
    text-align: center;
}

a{
    color: blue;
    text-decoration: none;
}

a:hover{
    color: red;
}
